<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE composition PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition template="/plantillas/defaultTemplate.xhtml"
                xmlns:ui="http://java.sun.com/jsf/facelets"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:p="http://primefaces.prime.com.tr/ui"
                xmlns:f="http://java.sun.com/jsf/core"
                xmlns:i="http://java.sun.com/jsf/composite/components/presentacion"
                xmlns:c="http://java.sun.com/jsp/jstl/core">

    <ui:define name="titulo">
        <h:outputText value="Head-Count"/>
    </ui:define>

    <ui:define name="acciones">
        <p:tab title="Otras acciones">
            <h:panelGrid columns="1">
                <p:commandLink styleClass="opcionMenu textoNormal" ajax="true" action="#{empleados$HeadCount.inicio$action}" update="principalForm:mensajes" onmouseover="this.className='opcionMenu  textonegrita';" onmouseout="this.className='opcionMenu  textonormal';">
                    <p:graphicImage value="/resources/iconos/application-exit.png"/>
                    <h:outputText value="Cancelar" styleClass="espacioTexto"/>
                </p:commandLink>
            </h:panelGrid>
        </p:tab>
    </ui:define>

    <ui:define name="contenido">
        <h:panelGrid columns="2">
            <h:outputText value="Gerencia"/>
            <h:selectOneMenu id="lstGerencias"  value="#{empleados$HeadCount.gerenciaSeleccionada}" style="height: 25px;padding-top: 3px;width: 600px">
                <f:selectItems value="#{empleados$HeadCount.gerenciasModel}"/>
                <f:ajax event="change" render="headCountTable" execute="lstGerencias" listener="#{empleados$HeadCount.generarHeadCount}" />
            </h:selectOneMenu>
        </h:panelGrid>
        <p:spacer height="10"/>
        <p:treeTable id="headCountTable" value="#{empleados$HeadCount.raiz}" var="nodo">
            <p:column>
                <f:facet name="header">
                    <h:outputText value="Estructura organizativa"/>
                </f:facet>
                <h:outputText value="#{nodo.nombrePuesto}"/> 
            </p:column>
            <p:column>
                <f:facet name="header">
                    <h:outputText value="No. Empleados"/>
                </f:facet>
                <h:outputText value="#{nodo.cantidad}"/> 
            </p:column>
            <p:column>
                <f:facet name="header">
                    <h:outputText value="Salario"/>
                </f:facet>
                <h:outputLabel value="#{SessionBeanADM.compania.monedas.signo}" style="display: inline-block; width: 50%;text-align: left;" />
                <h:outputLabel value="#{nodo.salario}" style="display: inline-block; width: 50%;text-align: right;" />
            </p:column>
        </p:treeTable>
    </ui:define>

    <ui:define name="dialogos"/>

</ui:composition>